$reportBackground-color:#497ea2;
$popUpsWidthAll:90.5vw;
$popupWidth:0.966;
.list-man{
  width: 90.5vw;
  height: 82.5vh;
  .list{
    width: 96.6%;
    height: 100%;
    margin: 0 auto;
    .tool{
      width: 100%;
      height: 5.8vh;
      background-color: #497ea2;
      margin: 0;
      padding: 0;
      -webkit-margin-before: 0;
      -webkit-margin-after: 0;
      -webkit-padding-start: 0;
      transform: translate(0, 0);
      border-radius: 0;
      display: inline-block;
    }
    .page{
      height: 100%;
      margin: 0;
      padding: 0;
      -webkit-margin-before: 0;
      -webkit-margin-after: 0;
      -webkit-padding-start: 0;
      transform: translate(0, 0);
      border-radius: 0;
      float: right;
      width: auto;
      margin-right: 2vh;
      li{
        height: 3.6vh;
        margin: 0;
        float: left;
        text-align: center;
        width: 3vw;
        margin-top: 1.1vh;
        background-color: transparent;
        &:nth-child(1),&:nth-child(2),&:nth-last-child(1),&:nth-last-child(2){
          width: 5vw;
        }
        a{
          width: 100%;
          height: 100%;
          cursor: not-allowed;
          border: none;
          border-radius: 0;
          padding: 0;
          line-height: 3.6vh;
          background-color: transparent;
          color: #fff;
        }
      }
    }
    column-check{
      border-left: 1px solid $reportBackground-color;
      border-bottom:1px solid $reportBackground-color ;
      border-right:1px solid #cfe0eb  ;
    }
    column{
      border-bottom:1px solid $reportBackground-color ;
      border-right:1px solid #cfe0eb ;
      &:last-child{
        border-right:1px solid $reportBackground-color ;
      }
    }
    .list-operation{
      width: 100%;
      height: 3.5vh;
      margin: 1vh 0;
      li{
        float: left;
      }
    }
    .group-btn{
      width: 5vw;
      height: 3.5vh;
      float: left;
      cursor: pointer;
      .button-module{
        width: 6vw;
        height: 3.5vh;
        display: inline-block;
        line-height: 3.5vh;
        border-radius: 0.25vh;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-padding-start: 0;
        background-color: #497ea2;
        float: left;
        margin-right: 1vh;
        text-align: center;
        .up-img{
          width: 1.3vh;
          height: 1.3vh;
          color: #fff;
        }
        span{
          color: #fff;
        }
      }
      &:hover{
        .group-btn-main{
          background-color: #639dc5;
        }
      }
      &:active{
        .group-btn-main{
          background-color: #def4b0;
          color: #497ea2;;
        }
      }
    }
    .group-btn-group{
      width: 6vw;
      background-color: #fff;
      display: inline-block;
      z-index: 10;
      position: relative;
      border: 1px solid #000;
      height: auto;
      li{
        color: #000;
        height: 5vh;
        line-height: 5vh;
        display: inline-block;
        width: 100%;
        div{
          background-color: #fff;
          margin-right: 0;
          text-align: center;
          cursor: pointer;
          width: 98%;
          span{
            color: #000;
          }
          img{
            display: none;
          }
        }
      }
    }
  }
}
